<template>
    <div class="edu-page-warp">
        <el-card shadow="never" body-style="padding: 24px;">
            <!-- <template v-if="projId != 1">
                <schemePreviewForGraduate
                    :template-id="templateId"
                    :is-read="isRead"
                    :id="id"
                    :data-type="dataType"
                    :template-id-origin="templateIdOrigin"
                />
            </template>
            <template v-else>
                <schemePreview
                    :template-id="templateId"
                    :is-read="isRead"
                    :id="id"
                    :data-type="dataType"
                    :template-id-origin="templateIdOrigin"
                />
            </template> -->
            <template>
                <schemePreviewForGraduate
                    :template-id="templateId"
                    :is-read="isRead"
                    :id="id"
                    :data-type="dataType"
                    :template-id-origin="templateIdOrigin"
                />
            </template>
        </el-card>
    </div>
</template>

<script>
import schemePreview from "./schemePreview";
import schemePreviewForGraduate from "common/src/views/culture/culturescheme/graduate/schemePreview";

export default {
    components: {
        schemePreview,
        schemePreviewForGraduate
    },
    data() {
        let schemeDetails = JSON.parse(sessionStorage.getItem("schemeDetails"));
        return {
            projId: this.$route.params.projId ||schemeDetails.projId,
            templateId: this.$route.params.templateId ||schemeDetails.templateId || "",
            isRead: this.$route.params.isRead || schemeDetails.isRead,
            dataType: this.$route.params.dataType || schemeDetails.dataType,
            id: this.$route.params.id || this.$route.params.templateId || schemeDetails.id || schemeDetails.templateId,
            templateIdOrigin: this.$route.params.templateIdOrigin || schemeDetails.templateIdOrigin,
        };
    }
};
</script>

<style lang="scss" scoped>
.sitemap {
    font-size: 12px;
    margin-bottom: 15px;
}
.edu-page-title {
    span {
        cursor: pointer;
        display: inline-block;
        padding-right: 10px;
    }
    span.active {
        color: #2876c2;
    }
}
.border-right {
    margin-right: 10px;
}
</style>
